<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>扑克牌</title>
    <link rel="stylesheet" href="../css/flex.css">
    <link rel="stylesheet" href="../css/7.css">
</head>
<body>
<!--黑桃7-->
<div class="a" flex="main:justify">
    <div class="d" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
    <div class="d e">
        <div class="b">♠</div>
    </div>
    <div class="d" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
</div><br>
<!--黑桃8-->
<div class="a" flex="main:justify">
    <div class="d" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
    <div class="d e"flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
    <div class="d" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
</div><br>
<!--黑桃9-->
<div class="a" flex="main:justify">
    <div class="d" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
    <div class="d e">
        <div class="b">♠</div>
    </div>
    <div class="d" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
</div><br>
<!--黑桃10-->
<div class="a" flex="main:justify">
    <div class="d" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
    <div class="d e" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
    <div class="d" flex="main:justify dir:top">
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
        <div class="b">♠</div>
    </div>
</div><br>
</body>
</html>